<template>
  <div>
    御剑乘风来,除魔天地间!----app
    <hr />
    <SlotCom>
      我是一个匿名插槽

      <!-- <template #left>
        <h1>我是具名插槽</h1>
      </template> -->

      <template v-slot:right>
        <h1>我是具名插槽</h1>
      </template>

      <template slot="left">
        <h1>我是具名插槽</h1>
      </template>
      <!-- 
        插槽的使用
          父组件: #组件名  v-slot:组件名  slot="组件名"
          子组件: <slot name="组件名"></slot>
       -->
    </SlotCom>
  </div>
</template>
<script>
import SlotCom from './components/SlotCom.vue'
export default {
  name: 'app',
  components: {
    SlotCom
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
</style>
